<template>
  <el-pagination
    @size-change="val => $emit('size-change', val)"
    @current-change="val => $emit('current-change', val)"
    :current-page="pageSize.page"
    :page-sizes="pageSizes"
    :page-size="pageSize.size"
    layout="total, prev, pager, next, sizes"
    :total="total">
  </el-pagination>
</template>

<script>
export default {
  name: 'bdpage',
  props: {
    pageSize: {
      type: Object,
      default: () => ({
        page: 0,
        size: 10
      })
    },
    pageSizes: {
      type: Array,
      default: () => [10, 20, 30]
    },
    total: {
      type: Number,
      default: 100
    }
  },
  components: {},
  data () {
    return {}
  },
  // 计算属性
  computed: {},
  watch: {},
  mounted () {},
  methods: {}

}
</script>

<style lang="scss" scoped>

</style>
